DIV- en SPAN-elementen maken in de Ontwerpweergave

Een <DIV>-element wordt in HTML-pagina's gebruikt om een blok HTML-elementen te omvatten en er CSS-kenmerken aan toe te wijzen. Een <DIV>-element is een blokelement. Net als bij een <P>-alinea neemt een <DIV>-element een rechthoekig deel van de weergave in beslag en kan het CSS-opmaakkenmerken bevatten. Deze kenmerken kunnen rechtstreeks worden ingevoegd in de opmaakcodes voor het <DIV>-element, of er kan vanuit een opmaakmodel naar worden verwezen via een <CLASS>- of <ID>-kenmerk.

Een <SPAN> is een ingesloten element dat meestal wordt gebruikt om de stijl van een gedeelte van een <P> of een <DIV> in te stellen. Stel bijvoorbeeld dat u CSS-kenmerken op een <DIV> toepast om alle tekst in dit element op te maken in een bepaalde grootte en kleur. Binnen de <DIV> kunt u dan bepaalde woorden tussen <SPAN>-codes plaatsen om er extra opmaakkenmerken aan toe te wijzen, bijvoorbeeld om de tekst extra te benadrukken. In tegenstelling tot een <DIV> schuift een <SPAN> mee met de tekst eromheen.

Een <DIV>-element maken in de Ontwerpweergave

1. Selecteer de elementen die u in de <DIV> wilt opnemen.

   Een <DIV> kan tekst en andere HTML-elementen bevatten die vanuit de werkset of de menu's zijn ingevoegd.

2. Kies DIV in het menu Invoegen.

Een <SPAN>-element maken in de Ontwerpweergave

1. Selecteer het gedeelte van het HTML-document dat u in de <SPAN> wilt opnemen.

   Een <SPAN> kan tekst en andere HTML-elementen bevatten die vanuit de werkset of de menu's zijn ingevoegd.

2. Kies SPAN in het menu Invoegen.

Elementen toevoegen binnen een <DIV> of een <SPAN>

1. Plaats het invoegpunt in de Ontwerpweergave op de gewenste positie binnen het <DIV>- of <SPAN>-element.

   Tip   Als u in de Ontwerpweergave grafische markeringen voor <DIV>- en <SPAN>-elementen wilt weergeven, kiest u de optie Details in het menu Beeld.

2. Dubbelklik in de werkset op de gewenste elementen om deze op de huidige invoegpositie in te voegen.